<template>
	<view>
		<view style="width: 750rpx;height: 20rpx;background-color: #F5F5F8;"></view>
		<view style="width: 750rpx;height: 132rpx;border-bottom: 1rpx dashed #DDDDDD;">
			<view style="font-size: 32rpx;line-height: 32rpx;margin-left: 40rpx;padding-top: 20rpx;color: #666666;">巡查时间：2021-04-15 09:23:22</view>
			<view style="margin-top: 20rpx;">
				<text style="font-size: 32rpx;line-height: 32rpx;margin-left: 40rpx;color: #666666;" space="emsp">巡查人：张海燕  共2处隐患</text>
				<text style="font-size: 32rpx;line-height: 32rpx;color: #666666;" space="emsp" v-if="yinhuan!==0">，已整改{{yinhuan}}处</text>
			</view>
		</view>
		<view v-for="(item,index) in list" style="position: relative;">
			<view class="headline">1. 有镇级防汛指挥部，明确办事机构。</view>
			<view class="choose">
				<image src="../../static/btn_normal@3x.png" class="image"></image>
				<view class="chooses">有</view>
			</view>
			<view class="choose">
				<image src="../../static/icon_can@3x.png" class="image"></image>
				<view class="chooses">无</view>
			</view>
			<view v-if="item.id==0">
				<view class="u1">整改说明</view>
				<view class="u2">场所已恢复原状，已整改</view>
				<image src="../../static/pic_05@3x.png" class="img"></image>
				<view class="u3" style="margin-top: 40rpx;">整改时间：2021-05-10 08:30:58</view>
				<view class="u3" style="margin-top: 20rpx;">整改人：张建立</view>
			</view>
			<view class="line" v-if="index!==list.length-1"></view>
			<view class="line1" v-else></view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				yinhuan:1,
				list:[
					{id:"1",name:"张三",},
					{id:"0",name:"李四"}
				]
			}
		},
		methods: {
			gotoZG(){
				uni.navigateTo({
					url:'../yinhuan/ZGxiangQ'
				})
			}
		}
	}
</script>

<style lang="scss">
.headline{
	font-size: 36rpx;
	line-height: 36rpx;
	margin-left: 40rpx;
	margin-top: 40rpx;
}
.choose{
	display: flex;
	.image{
		width: 48rpx;
		height: 48rpx;
		margin-top: 40rpx
		;margin-left: 40rpx;
	}
	.chooses{
		font-size: 36rpx;
		line-height: 36rpx;
		margin-left: 26rpx;
		margin-top: 46rpx;
		font-weight: 300;
	}
	
}
.btn{
	position: absolute;
	right: 40rpx;
	bottom: 78rpx;
	width: 192rpx;
	height: 64rpx;
	border-radius: 38rpx;
	background-color: #519AFF;
	color: #FFFFFF;
	font-size: 32rpx;
	line-height: 64rpx;
}
.line{
	width: 750rpx;
	height: 1rpx;
	margin-top: 78rpx;
	background-color: #E5E5E5;
}
.line1{
	width: 750rpx;
	height: 1rpx;
	margin-top: 78rpx;
	background-color: #FFFFFF;
}
.u1{
	font-size: 32rpx;
	line-height: 32rpx;
	margin-top: 40rpx;
	margin-left: 112rpx;
	font-weight: 500;
}
.u2{
	color: #666666;
	font-size: 32rpx;
	line-height: 32rpx;
	margin-top: 20rpx;
	margin-left: 112rpx;
}
.u3{
	font-size: 28rpx;
	line-height: 28rpx;
	color: #666666;
	margin-left: 112rpx;
}
.img{
	width: 120rpx;
	height: 120rpx;
	margin-top: 20rpx;
	margin-left: 112rpx;
}
</style>
